<html>
<head>
  <title>Devcathlon: Match Details</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />
  <script type="text/javascript" src="expandCollapse.js"></script>
  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->
<h2><center><u>Match 2</u>  (Completed)</center></h2>

<h3><center>Date: 01/05/2009 - 02/05/2009</center></h3>
<div>
<center>
	<table>
		<tr>
			<th width="150px">&nbsp;</th>
			<th>
				<center>
				<b><big>Mockup 4</b><br>
                <a href="teammockup4.html"><img src="mockup3_logo.jpg"></a>
				</center>
			</th>
			<th width="150px"><center><b><big>VS.</b></center></th>
			<th>
				<center>
				<b>Mockup 5</b><br>
				<img src="mockup2_logo.jpg">
				</center>
			</th>
			<th width="150px"><center><b><big>VS.</b></center></th>
			<th>
				<center>
				<b>Mockup 6</b><br>
				<img src="mockup1_logo.jpg">
				</center>
			</th>
		</tr>
		<tr>
			<td><b>Members: </td>
			<td>
				<center>
					<a href="myprofile.html">John Ly</a><br>
					<a href="myprofile.html">Anthony Du</a><br>
					<a href="myprofile.html">Robin Raqueno</a><br>
				</center>
			</td>
			<td>&nbsp;</td>
			<td>
				<center>
					<a href="myprofile.html">Aric West</a><br>
					<a href="myprofile.html">John Zhou</a><br>
					<a href="myprofile.html">Scheller Sanchez</a><br>
				</center>
			</td>
			<td>&nbsp;</td>
			<td>
				<center>
					<a href="myprofile.html">Dan Arakaki</a><br>
					<a href="myprofile.html">Philip Lau</a><br>
					<a href="myprofile.html">John Ancheta</a><br>
				</center>
			</td>
		</tr>
		<tr>
			<td><b>Total Score: </b></td>
			<td><center><b><big>200 pts</center></td>
			<td>&nbsp;</td>
			<td><center><b><big>100pts</center></td>
			<td>&nbsp;</td>
			<td><center><b><big>150 pts</center></td>
		</tr>
		<tr>
			<td><b>Build: </b></td>
			<td><center>20 pts <img src="expand_arrow.JPG" onClick="return toggleMe('mockup4Build')"></center>
			<div id="mockup4Build" style="margin-left: 10px; display: none;">
				<center>
					<br>
					<table>
						<tr>
							<td width="15px">Robin: </td>
							<td><center>5 pts.</center></td>
						</tr>
						<tr>
							<td width="15px">Anthony: </td>
							<td><center>5 pts.</center></td>
						</tr>
						<tr>
							<td width="15px">John: </td>
							<td><center>10 pts.</center></td>
						</tr>
					</table>
				</center>
			</div>
			</td>
			<td>&nbsp;</td>
			<td><center>10 pts <img src="expand_arrow.JPG" onClick="return toggleMe('mockup5Build')"></center>
			<div id="mockup5Build" style="margin-left: 10px; display: none;">
				<center>
					<br>
					<table>
						<tr>
							<td width="15px">Aric: </td>
							<td><center>5 pts.</center></td>
						</tr>
						<tr>
							<td width="15px">John: </td>
							<td><center>3 pts.</center></td>
						</tr>
						<tr>
							<td width="15px">Scheller: </td>
							<td><center>2 pts.</center></td>
						</tr>
					</table>
				</center>
			</div>
			</td>
			<td>&nbsp;</td>
			<td><center>10 pts <img src="expand_arrow.JPG" onClick="return toggleMe('mockup6Build')"></center>
			<div id="mockup6Build" style="margin-left: 10px; display: none;">
			<center>
					<br>
					<table>
						<tr>
							<td width="15px">Dan: </td>
							<td><center>5 pts.</center></td>
						</tr>
						<tr>
							<td width="15px">Phillip: </td>
							<td><center>2 pts.</center></td>
						</tr>
						<tr>
							<td width="15px">John: </td>
							<td><center>3 pts.</center></td>
						</tr>
					</table>
				</center>
			</td>
		</tr>
		<tr>
			<td><b>10 Consecutive Successful Builds: </b></td>
			<td><center>20 pts</center></td>
			<td>&nbsp;</td>
			<td><center>0 pts</center></td>
			<td>&nbsp;</td>
			<td><center>0 pts</center></td>
		</tr>
		<tr>
			<td><b>Commit Early: </b></td>
			<td><center>10 pts</center></td>
			<td>&nbsp;</td>
			<td><center>5 pts</center></td>
			<td>&nbsp;</td>
			<td><center>3 pts</center></td>
		</tr>
		<tr>
			<td><b>Commit Regularly: </b></td>
			<td><center>80 pts</center></td>
			<td>&nbsp;</td>
			<td><center>50 pts</center></td>
			<td>&nbsp;</td>
			<td><center>30 pts</center></td>
		</tr>
		<tr>
			<td><b>Failed Builds: </b></td>
			<td><center>-10 pts</center></td>
			<td>&nbsp;</td>
			<td><center>-10 pts</center></td>
			<td>&nbsp;</td>
			<td><center>-25 pts</center></td>
		</tr>
		<tr>
			<td><b>Keep High Coverage: </b></td>
			<td><center>80 pts</center></td>
			<td>&nbsp;</td>
			<td><center>50 pts</center></td>
			<td>&nbsp;</td>
			<td><center>30 pts</center></td>
		</tr>
		<tr>
			<td><b>Fall in Coverage: </b></td>
			<td><center>-10 pts</center></td>
			<td>&nbsp;</td>
			<td><center>0 pts</center></td>
			<td>&nbsp;</td>
			<td><center>-10 pts</center></td>
		</tr>
	</table>
</center>
<br>
<center>
	<h3><u>Match Most Value Player</u></h3><br>
	<img src="img.jpg"><br>
	<p><strong>John Ly</strong> is awarded the match MVP badge, for his 10 Consecutive Successful Builds.
	</p><br>
	<img src="achvmvp.jpg">
	
</center>
<br>
<br>
<center><img src="gallery1.gif"></center>
<br>
<br>
<center><h3>Date Range: 01/29/09 - 02/05/09</h3></center>
<center><img src="projecthealths.jpg"></center>
<br>
<br>

<table width="600" border="0">
  <tr>
    <th colspan="2" align="center" valign="middle"><h3><strong>Comments</h3></th>
    </tr>
  <tr>
    <td width="92" height="50" align="center" valign="middle"><div align="center">
      <p><img src="johnz.jpg" width="50" height="50"><br>
        Robin<br>1/29/2009</p>
      </div></td>
    <td width="498"><div align="left">GOOD JOB GUYS WE WON!!!!!</div></td>
  </tr>
  <tr>
    <td height="50" align="center" valign="middle"><div align="center">
      <p><img src="phillip.jpg" width="50" height="50"><br>
        Phillip<br>1/30/2009</p>
      </div></td>
    <td>You other teams are going down.....My team has so much AWESOMENESS.</td>
  </tr>
  <tr>
    <td height="50" align="center" valign="middle"><div align="center"><img src="phillip.jpg" width="50" height="50"><br>
      Phillip<br>2/1/2009</div></td>
    <td>Mockup 6 gonna win like the Steelers.</td>
  </tr>
  <tr>
    <td height="246" align="center" valign="middle"><div align="center"></div></td>
    <td><form name="form1" method="post" action="">
      <label>
      <div align="center">Post a Comment<br>
        <textarea name="comment" cols="50" rows="8" id="comment"></textarea>
        <br>
        <input type="submit" name="Post" id="Post" value="Post My Comment">
      </div>
      </label>
    </form>    </td>
  </tr>
</table>

<div id="footerFeedback">
	<p>
		This page will display a break down of a match, like what each team scored for what event in a match.
		Also the telemetry for each time are displayed in one graph for each to be compared to another, and 
		the portfolio will possibly the last week of development of each team project. 3 new events from this
		page will be "Fall in Coverage","10 Successful Consecutive Builds. Another new feature I added in was the breakdown of the what team member contributed to achieving the points for an event, 
		example is the "Builds".
	</p>
</div>
</div> <!-- End id=page -->

</body>
</html>